body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
body,button,input,select,textarea { font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; line-height: 1.5em;color:#333}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
ul,li{ list-style:none;}
fieldset,img{border:0;}
img{ vertical-align:top}
address,caption,cite,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{display:block; margin:0; padding:0;}/* HTML5 */
*{box-sizing: border-box;}
input[type="submit"], input[type="reset"], input[type="button"], button{ -webkit-appearance: none;}
::-webkit-input-placeholder{color:#999;}
input[type="text"],input[type="password"]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;}
a{ color: #333;text-decoration: none;}

.pc{ display: none; }

#back1{ display: none; }

header{background: #fff; width: 100%; height: 60px; padding: 0 2.5% !important;  z-index: 999; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.logo{ float: left; }
.logo img{ height: 40px; margin-top: 10px; }
nav{ position: absolute; top:60px; left: 0;  width: 100%; background: #333;  z-index: 999; }
nav>li:nth-child(2)>a:hover{pointer-events:auto !important;}
nav>li{ min-height:50px; line-height:50px; font-size: 0.85rem;   position: relative; width: 100%; text-align: center;  }
nav>li>a{ color: #fff;display: block; }
nav>li>a:hover{ color: #0066ce !important;}
nav>li:hover div{ display: block; }
nav>li>div{padding: 8px 0; overflow: hidden; background: #212121; width: 100%; display: none; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
nav>li>div>a{ display: block; font-size: 0.75rem; line-height: 40px; color: #fff;}
nav>li:nth-child(2)>a,nav>li:nth-child(6)>a,nav>li:nth-child(7)>a{pointer-events:none; }


.dj_nav{ float: right; width: 60px; height: 60px; text-align: right; }
.dj_nav img{ width: 30px; margin-top: 15px; }

.tel{ float: right;padding-top: 1.35vw; }
.tel img{ float: left; margin-right: 10px; width: 1.65vw;}
.tel span{ font-size: 1.6vw; color: #fff; float: left; font-family: Arial;}

.industry{ width: 100%; padding: 8vw 0; background: #f9f9f9; }
.industry>h2{font-size: 24px; color: #333; text-align: center; padding-bottom: 5vw;}
.industry_box{ width: 95%; overflow: hidden; margin:0 auto; }
.industry_box dt span{font-weight: 300;}
.industry_box dl{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.industry_box dl:hover{}
.industry_dl1{ width: 100%; margin-bottom: 2.5%; float: left; height: 120vw; background: url(../images/industry1.jpg) center; background-size: 100% 100%; padding: 8vw 5vw;}
.industry_dl1 dt{ font-size: 1.5rem; color: #fff; padding-bottom: 3vw;}
.industry_dl1 dd{ font-size: 1rem; color: #fff;   font-weight: 300;}
.industry_dl2{ width: 100%; float: left; height:56.8vw; margin-bottom: 2.5%; background: url(../images/industry2.jpg) center; background-size: 100% 100%; padding: 38vw 5vw 0 0; text-align: right;}
.industry_dl2 dt{ font-size: 1.5rem; color: #333; padding-bottom: 3vw;}
.industry_dl2 dd{ font-size: 1rem; color: #666;  line-height: 1.6vw; font-weight: 300;}
.industry_dl3{ width: 100%; float: left; height:79.5vw; margin-bottom: 2.5%;  background: url(../images/industry3.jpg) center; background-size: 100% 100%; padding: 8vw;}
.industry_dl3 dt{ font-size: 1.5rem; color: #333; padding-bottom: 3vw; text-align: center;}
.industry_dl3 dd{ font-size: 1rem; color: #666;  line-height: 1.6vw; font-weight: 300;text-align: center;}
.industry_dl4{ width: 100%; float: left; height:79.5vw; margin-bottom: 2.5%;background: url(../images/industry4.jpg) center; background-size: 100% 100%;padding: 55vw 0 0 5vw; }
.industry_dl4 dt{ font-size: 1.5rem; color: #fff; padding-bottom: 3vw;}
.industry_dl4 dd{ font-size: 1rem; color: #fff;  line-height: 1.6vw; font-weight: 300;}
.industry_dl5{ width: 100%; float: left; height:56.8vw;margin-bottom: 2.5%; background: url(../images/industry5.jpg) center; background-size: 100% 100%; padding: 11vw 5vw 0 5vw;}
.industry_dl5 dt{ font-size: 1.5rem; color: #333; padding-bottom: 3vw;}
.industry_dl5 dd{ font-size: 1rem; color: #666;  line-height: 1.6vw; font-weight: 300;}


.news{ width: 100%; padding: 8vw 0 3vw 0; }
.news>h2{font-size: 24px; color: #333; text-align: center; padding-bottom: 0.6vw;}
.news_nav{ text-align: center; color: #b2b2b2; font-weight: 300; padding-bottom: 2vw;}
.news_nav a{ font-size: 0.75vw; color: #666;}
.news_nav a.a{ color: #0066ce; }
.snews_box{ width: 95%; overflow: hidden; margin:0 auto; }
.snews_box dl:nth-child(3){ display: none; }
.snews_box dl:nth-child(4){ display: none; }
.snews_box dl{ width: 100%; float: left; margin:0 auto; border:#ededed solid 1px; margin-bottom: 2.5%; height: 420px; overflow: hidden;}
.snews_box dl dt{ width: 100%; height: 260px; overflow: hidden;}
.snews_box dl dt img{ width: 100%; height: 100%; }
.snews_box dl dd.d1{margin: 12px; font-size: 1rem; height: 42px; line-height: 42px; overflow: hidden; color: #333;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; }
.snews_box dl dd.d2{ color: #999; font-size: 0.875rem; margin:0 12px;  margin-bottom: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.snews_box dl dd.d3{padding:6px 12px 12px 12px; font-size: 0.875rem; color: #999; border-top: #f2f2f2 solid 1px;}
.snews_box dl dd.d3 span{ float: right; color: #999;  -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.snews_box dl:hover dd.d3 span{ padding-right: 25px; background: url(../images/news_more.jpg) no-repeat center right; color: #0066ce;}


.news .layui-tab-title{ border: none !important; text-align: center; margin-bottom: 1.2vw; }
.news .layui-tab-brief>.layui-tab-more li.layui-this:after,.news .layui-tab-brief>.layui-tab-title .layui-this:after{ display: none }
.news .layui-tab-brief>.layui-tab-title .layui-this{color: #0066ce !important;}
.news .layui-tab-title{ position: relative; }
.news .layui-tab-title span{color: #999; font-weight: 300; position: absolute; top: 50%; left: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); display: block; font-size: 12px;}
.news .layui-tab-title li{ color: #666 !important; }
.news .layui-tab-content{ padding: 0px; }
.news .layui-tab{margin:0px;}
.news .layui-carousel{ width: 100% !important; background: none !important; height:920px !important;}
.news .layui-carousel-ind ul{ background: none !important; }
.news .layui-carousel-ind li.layui-this{ background: #0066ce !important;  border: solid 1px #0066ce !important;}
.news .layui-carousel-ind li{ width: 12px !important; height: 12px !important; border: solid 1px #929292 !important; }
.news .layui-carousel[lay-arrow=always] .layui-carousel-arrow{position: absolute; top:auto; bottom:-1vw; left: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); margin-left: -25px;}
.news .layui-carousel:hover .layui-carousel-arrow[lay-type=add],.news .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{position: absolute; top:auto; bottom:-1vw; right: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); margin-right: -55px !important; }
.news .layui-carousel-arrow:hover{ background: #0066ce; }

.case{ width: 100%; padding: 3vw 0 5vw 0; }
.case>h2{font-size: 24px; color: #333; text-align: center; padding-bottom: 4vw;}
.scase_box{ width: 95%; overflow: hidden; margin:0 auto; }
.scase_box .ul{ width: 100%; }
.scase_box .ul li{ width: 32.9333%; float: left; margin:0.2%;height:10vw; overflow: hidden;}
.scase_box .ul li img{ width: 100%; height:100%; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.scase_box .ul li:hover img{ -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.case .layui-carousel{ width: 100% !important; background: none !important; height: 52vw !important;}
.case .layui-carousel-ind ul{ background: none !important; }
.case .layui-carousel-ind li.layui-this{ background: #0066ce !important;  border: solid 1px #0066ce !important;}
.case .layui-carousel-ind li{ width: 12px !important; height: 12px !important; border: solid 1px #929292 !important; }

footer{ background: #272727; color: #b2b2b2;overflow: hidden;}
.footer_con{ width: 95%; overflow: hidden; margin:5vw auto; }
.footer_con dl{ float: left; margin-right:5vw;}
.footer_con dl dt{ font-size: 1rem; color: #fff; padding-bottom: 2vw;}
.footer_con dl dd{ font-size: 0.875rem; color: #b2b2b2; padding-bottom: 1vw;}
.footer_con dl dd a{ color: #b2b2b2; }
.footer_con dl dd a:hover{ color: #ddd; }
.footer_con_dl{display: none;}
.footer_con_dz{margin-left: 6vw; display: block !important;}
.footer_con_dz dd{ overflow: hidden; display: block; }
.footer_con_dz dd img{float: left; margin-top: 0.35vw; margin-right: 4px;}
.footer_con_dz dd span{ float: left; }
.footer_con_ewm{ text-align: center; float: right !important; margin-right:0 !important;display: none; }
.footer_con_ewm img{ width: 6.6vw; height: 6.6vw; }

.footer_nav{ width: 95%; overflow: hidden; margin:0 auto; font-size: 0.6rem; display: none;}
.bottom_menu{ float: left; }
.bottom_menu a{color: #ababab; padding:0 1.2vw;}
.bottom_menu a:hover{ color: #ddd;}
.bottom_logo{ float: left; margin-right: 1vw; display: none;}
.bottom_logo img{ height:2.1vw;  }
.bottom_fx{ float: right;  display: none;}
.bottom_fx a{margin-left: 1vw; display: inline-block;}
.bottom_fx a img{ margin-top: 0.8vw; }

.footer_bottom{ border-top:#3d3d3d solid 1px; height: 10vw; line-height: 10vw;font-size: 0.65rem; }
.footer_bottom_box{ width: 73vw; overflow: hidden; margin:0 auto; }
.footer_bottom_box span{ float: right; }

@media screen and (max-width: 1400px){
.footer_con_dz{margin-left: 2vw;}
.bottom_fx a img{ margin-top: 0.6vw; }
}
@media screen and (max-width: 1260px){
.footer_con_dz{margin-left: 1vw;}
.bottom_fx a img{ margin-top: 0.4vw; }
}